<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="js/raphael-min.js"></script>
</head>
<body style="padding: 80px;position: relative">

<div id="divId1" style="position: absolute; width: 100px;height: 100px;border: 1px solid red;top:10px;right: 100px"></div>

</body>
<script type="text/javascript">
    // Creates canvas 320 × 200 at 10, 50
    var paper = Raphael(11, 22, 333, 200,"divId1");

    // Creates circle at x = 50, y = 40, with radius 10
    var circle = paper.circle(50, 110, 30);
    // Sets the fill attribute of the circle to red (#f00)
    circle.attr("fill", "#f00");

    // Sets the stroke attribute of the circle to white
    circle.attr("stroke", "#fff");
</script>
</html>